<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基金设置</title>

    <!--layui的CSS样式-->
    <link type="text/css" rel="stylesheet" href="../lib/layuimini/lib/layui-v2.5.5/css/layui.css"/>
    <!--layui的js-->
    <script src="../lib/layuimini/lib/layui-v2.5.5/layui.js"></script>
    <!--第三方下拉表格js-->
    <script src="../lib/layuimini/js/lay-config.js"></script>
    <!--自己js的路径-->
    <script type="text/javascript" src="./js/fund.js"></script>


</head>

<script type="text/html" id="toolEventDemo">
    <a class="layui-btn layui-btn-xs" style="background-color: #1E9FFF" lay-event="edit"><i
            class="layui-icon">&#xe642;</i>编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i
            class="layui-icon">&#xe640;</i>删除</a>
</script>



<body>


<!--表格元素 lay-filter 通过这个属性来筛选绑定的表格-->
<table id="mytable" lay-filter="mytable"></table>

<!--上方工具条-->
<!--lay-event 是跟js的Switch case 后的名字一样的-->
<script type="text/html" id="fundToolBar">
    <div style="float:right">
        <button class="layui-btn layui-btn-normal layui-btn layui-btn-sm" lay-event="add">
            <i class="layui-icon">&#xe654;</i>添加数据
        </button>
        <button class="layui-btn layui-btn-primary layui-btn layui-btn-sm" lay-event="deleteAll" style="color: #FF0000">
            <i class="layui-icon">&#xe640;</i>批量删除
        </button>
    </div>


    <!--  form表单  -->
    <!--   采用用户的名字来进行模糊查询-->
    <form class="layui-form layui-col-space5">
        <!--   采用用户的姓名和id来进行模糊查询-->
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">基金Id</label>
        </div>
        <div class="layui-inline layui-show-xs-block">
            <input class="layui-input" autocomplete="off" placeholder="请输入基金Id" name="fundId" id="fundId">
        </div>

        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">基金类型</label>
        </div>
        <div class="layui-inline layui-show-xs-block">
            <select name="fundType" id="fundType">
                <option placeholder="请选择"></option>
                <option value="2">封闭式</option>
                <option value="1">开放式</option>
            </select>
        </div>
        <!-- 模糊查询的按钮  -->
        <!-- type="button 这个是为了不让layui提交两次-->
        <div class="layui-inline layui-show-xs-block">
            <button class="layui-btn layui-btn-normal" lay-submit="" lay-event="search"
                    lay-filter="sreach" type="button"><i class="layui-icon">&#xe615;</i>搜索
            </button>
        </div>
    </form>
</script>

<!--新增用户的窗口网页，删除，修改，一个模块就一个新的窗口网页好些，不需要通用-->
<div id="addFund" style="width:100%;display: none;text-align: center;">
    <form id="addForm" class="layui-form layui-form-pane" style="display: inline-block" action="">
<br>
        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 120px">基金Id</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="fundId" lay-verify="required|fundId"
                       placeholder="基金Id" autocomplete="off" class="layui-input">
            </div>
            <label class="layui-form-label layui-bg-gray" style="width: 120px">基金名称</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="fundName" lay-verify="required|fundName"
                       placeholder="基金名称" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 120px">基金管理人</label>
            <!--            这里的证券名称，不是文本框，是文本框里有个下拉表格
                            虽然这里是显示证券名称，但是还是是新增id，只是提示信息是输入证券名称罢了，再通过下拉表格选择证券-->
            <div class="layui-input-inline">
                <input type="text" name="custodian" id="custodian1" lay-verify="required|custodian"
                       placeholder="基金管理人" autocomplete="off" class="layui-input" >
            </div>
            <label class="layui-form-label layui-bg-gray" style="width: 120px">基金托管人</label>
            <!--            这里的证券名称，不是文本框，是文本框里有个下拉表格
                            虽然这里是显示证券名称，但是还是是新增id，只是提示信息是输入证券名称罢了，再通过下拉表格选择证券-->
            <div class="layui-input-inline">
                <input type="text" name="trustee" id="trustee1" lay-verify="required|trustee"
                       placeholder="基金托管人" autocomplete="off" class="layui-input" >
            </div>
        </div>

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label  layui-bg-gray" style="width: 120px">基金类型</label>
            <div class="layui-input-inline">
                <select xm-select-radio=""
                        xm-select-search="" lay-verify="required"
                        xm-select-direction="down" xm-select-search-type="dl" name="fundType"/>
                <option>请选择</option>
                <option value="1">开放式</option>
                <option value="2">封闭式</option>
                </select>
            </div>
            <label class="layui-form-label  layui-bg-gray" style="width: 120px">基金规模</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="fundScale" lay-verify="required|fundScale"
                       placeholder="基金规模" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label  layui-bg-gray" style="width: 120px">托管人费用率</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="trusteeCostRate" lay-verify="required|trusteeCostRate"
                       placeholder="托管人费用率" autocomplete="off" class="layui-input">
            </div>
            <label class="layui-form-label  layui-bg-gray" style="width: 120px">管理人费用率</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="custodianCostRate" lay-verify="required|custodianCostRate"
                       placeholder="管理人费用率" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label  layui-bg-gray" style="width: 120px">基金初期净值</label>
                <div class="layui-input-inline">
                    <!-- lay-verify  表单验证 required 必填-->
                    <input type="text" name="fundNetWorth" lay-verify="required|fundNetWorth"
                           placeholder="基金初期净值" autocomplete="off" class="layui-input">
                </div>
            <label class="layui-form-label layui-bg-gray" style="width: 120px">创立时间</label>
                <div class="layui-input-inline">
                    <input autocomplete="off" class="layui-input dateStr1" lay-verify="foundTime" name="foundTime" id="foundTime1"
                           placeholder="创立时间" type="text">
                </div>
            </div>

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 140px;height: 100px;line-height: 100px;">备注</label>
            <div class="layui-input-inline">
					<textarea rows="" name="fundDesc" placeholder="备注" cols=""
                              class="layui-textarea" style="width: 490px;"></textarea>
            </div>
        </div>

        <div class="layui-form-item" style="width:80%;margin-left: 10%;text-align: center">
            <button class="layui-btn"  style="background-color: #1E9FFF" lay-submit="" lay-filter="addFund" >
                <i class="layui-icon">&#x1005;</i>添加
            </button>
            <button class="layui-btn layui-btn-primary" type="button" style="color: #FF0000" onclick="quxiao()">
                <i class="layui-icon">&#x1006;</i>取消
            </button>
        </div>
    </form>
</div>

<!--修改用户的窗口网页，删除，修改，一个模块就一个新的窗口网页好些，不需要通用-->
<div id="updateFund" style="width:100%;display: none;text-align: center;">
    <form id="updateForm" class="layui-form layui-form-pane" lay-filter="myFrom" style="display: inline-block" action="">
<br>
        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 120px">基金Id</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="fundId" lay-verify="required|fundId"
                       placeholder="基金Id" readonly="true" autocomplete="off" class="layui-input">
            </div>
            <label class="layui-form-label layui-bg-gray" style="width: 120px">基金名称</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="fundName" lay-verify="required|fundName"
                       placeholder="基金名称" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 120px">基金管理人</label>
            <!--            这里的证券名称，不是文本框，是文本框里有个下拉表格
                            虽然这里是显示证券名称，但是还是是新增id，只是提示信息是输入证券名称罢了，再通过下拉表格选择证券-->
            <div class="layui-input-inline">
                <input type="text" name="custodian" id="custodian2" lay-verify="required|custodian"
                       placeholder="基金管理人" autocomplete="off" class="layui-input" >
            </div>
            <label class="layui-form-label layui-bg-gray" style="width: 120px">基金托管人</label>
            <!--            这里的证券名称，不是文本框，是文本框里有个下拉表格
                            虽然这里是显示证券名称，但是还是是新增id，只是提示信息是输入证券名称罢了，再通过下拉表格选择证券-->
            <div class="layui-input-inline">
                <input type="text" name="trustee" id="trustee2" lay-verify="required|trustee"
                       placeholder="基金托管人" autocomplete="off" class="layui-input" >
            </div>
        </div>

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label  layui-bg-gray" style="width: 120px">基金类型</label>
            <div class="layui-input-inline">
                <select xm-select-radio=""
                        xm-select-search="" lay-verify="required"
                        xm-select-direction="down" xm-select-search-type="dl" name="fundType"/>
                <option>请选择</option>
                <option value="1">开放式</option>
                <option value="2">封闭式</option>
                </select>
            </div>
            <label class="layui-form-label  layui-bg-gray" style="width: 120px">基金规模</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="fundScale" lay-verify="required|fundScale"
                       placeholder="基金规模" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label  layui-bg-gray" style="width: 120px">托管人费用率</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="trusteeCostRate" lay-verify="required|trusteeCostRate"
                       placeholder="托管人费用率" autocomplete="off" class="layui-input">
            </div>
            <label class="layui-form-label  layui-bg-gray" style="width: 120px">管理人费用率</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="custodianCostRate" lay-verify="required|custodianCostRate"
                       placeholder="管理人费用率" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label  layui-bg-gray" style="width: 120px">基金初期净值</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="fundNetWorth" lay-verify="required|fundNetWorth"
                       placeholder="基金初期净值" autocomplete="off" class="layui-input">
            </div>
            <label class="layui-form-label layui-bg-gray" style="width: 120px">创立时间</label>
            <div class="layui-input-inline">
                <input autocomplete="off" class="layui-input dateStr2" lay-verify="foundTime" name="foundTime" id="foundTime2"
                       placeholder="创立时间" type="text">
            </div>
        </div>

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 140px;height: 100px;line-height: 100px;">备注</label>
            <div class="layui-input-inline">
					<textarea rows="" name="fundDesc" placeholder="备注" cols=""
                              class="layui-textarea" style="width: 490px;"></textarea>
            </div>
        </div>

        <div class="layui-form-item" style="width:80%;margin-left: 10%;text-align: center">
            <button class="layui-btn"  style="background-color: #1E9FFF" lay-submit="" lay-filter="updateFund" >
                <i class="layui-icon">&#x1005;</i>修改
            </button>
            <button class="layui-btn layui-btn-primary" type="button" onclick="quxiao()" style="color: #FF0000">
                <i class="layui-icon">&#x1006;</i>取消
            </button>
        </div>
    </form>
</div>
</body>
</html>